﻿body {
    background-color:gray;
    margin:0;
    padding:0;
    padding-left:10px;
}

header {
    color:lightgoldenrodyellow;
}

footer {
    font-size:10px;
}

body > footer {
    text-align:center;
}

body header {
    text-align:center;
}

nav ul li a[href="#"] {
    color:white;
    text-decoration:none;
}

nav ul li:last-child:hover {
    text-decoration:underline;
}

.current:active {
    background-color:lightgray;
}

li {
    list-style-type:none;
}

section article header h1 {
    text-align:left;
}

section article:nth-child(2n) {
    display:none;
}

section > article > p:first-line {
    display:table-row;
    width:300px;
    overflow:visible;
    white-space:normal;
    text-transform:uppercase;
}

section > article > p {
    width: 50px;
    height: 40px;
    overflow: hidden;
    white-space: pre-wrap;
}

p a {
    text-decoration:none;
    color:black;
}